<?php
//cabeçalho e menu principal ficam e arquivo separado para facilitar edição
require 'header.php';
?>

            <div class="clear"></div>

            <div class="grid_4">

                <div class="box">
                    <h2>
                        <a href="#" id="toggle-section-menu">Insira o período desejado:</a>
                    </h2>
                    <div class="block" id="forms">
                        <form action="">
                            <fieldset>
                                <p>
                                    <label>De: </label>
                                    <input type="text" name="periodo1" value="" />
                                </p>
                                <p>
                                    <label>À: </label>
                                    <input type="text" name="periodo2" />
                                </p>
                                <input class="confirm button" type="submit" value="Buscar" />
                            </fieldset>
                        </form>
                    </div>
                </div>
                <div class="box menu">
                    <h2>
                        <a href="#" id="toggle-section-menu">Selecione o tipo de tabela desejada:</a>
                    </h2>
                    <div class="block" id="section-menu">
                        <ul class="section menu">
                            <li>
                                <a class="menuitem">Mensal</a>
                                <ul class="submenu">
                                    <li>
                                        <a>Entradas</a>
                                    </li>
                                    <li>
                                        <a>Saídas</a>
                                    </li>
                                    <li>
                                        <a class="active">Entradas e Saídas</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a class="menuitem">Semanal</a>
                                <ul class="submenu">
                                    <li>
                                        <a>Entradas</a>
                                    </li>
                                    <li>
                                        <a>Saídas</a>
                                    </li>
                                    <li>
                                        <a>Entradas e Saídas</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a class="menuitem">Diária</a>
                                <ul class="submenu">
                                    <li>
                                        <a>Entradas</a>
                                    </li>
                                    <li>
                                        <a>Saídas</a>
                                    </li>
                                    <li>
                                        <a>Entradas e Saídas</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="grid_12">
                <div class="box">
                    <h2>
                        <a href="#" id="toggle-tables">Livro Caixa</a>
                    </h2>
                    <div class="block" id="tables">
                        <table summary="This table includes examples of as many table elements as possible">
                            <colgroup>
                                <col class="colA" />
                                <col class="colB" />
                                <col class="colC" />
                            </colgroup>
                            <thead>
                                <tr>
                                    <th colspan="2" class="table-head">Entradas e saídas</th>
                                </tr>
                                <tr>
                                    <th>Descrição</th>
                                    <th class="currency">Valor</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Subtotal</th>
                                    <th class="currency">R$ 500.00</th>
                                </tr>
                                <tr class="total">
                                    <th>Total</th>
                                    <th class="currency">R$ 500,00</th>
                                </tr>
                            </tfoot>
                            <tbody>
                                <tr class="odd entrada">
                                    <th>Lorem ipsum</th>
                                    <td class="currency">R$ 125,00</td>
                                </tr>
                                <tr class="saida">
                                    <th>Dolor sit</th>
                                    <td class="currency">R$ 75,00</td>
                                </tr>
                                <tr class="odd entrada">
                                    <th>Nostrud exerci</th>
                                    <td class="currency">R$ 200,00</td>
                                </tr>
                                <tr class="entrada">
                                    <th>Lorem ipsum</th>
                                    <td class="currency">R$ 64,00</td>
                                </tr>
                                <tr class="odd saida">
                                    <th>Dolor sit</th>
                                    <td class="currency">R$ 36,00</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
            <div class="clear"></div>

<?php
//Rodapé ficam e arquivo separado para facilitar edição
require 'footer.php';
?>